<script type="text/javascript">
var errors=false;
$('#salva').click(
	function(){
		checkprezzo();
		if (errors)
		{
			var ele = $('#txtcassa');
        	var jrole = "vendita/salvacassa.php?prezzo="+ele.val();
			$('#index').slideUp(1000,function(){$('#index').load(jrole,'',$(this).slideDown(1000))}); 
			return false;
		}
		return false;
	});


function checkprezzo(){
		
		$('#tab').append('<div id="prezzoinfo" class="info"></div>');
    	var prezzoInfo = $('#prezzoinfo');
		var ele = $('#txtcassa');
		var pos = ele.offset();
		prezzoInfo.css({
			top: pos.top-3,
			left: pos.left+ele.width()+15
		});
		
		var prezzocifre = /^[1-9]{1}[0-9]{0,2}\.[0-9]{2}$/i;
		
		if(!prezzocifre.test(ele.val())) {
			var str='&larr; Il prezzo &egrave; da inserire con il punto!<br>Inoltre dopo il punto mettere 2 cifre<br>Es:<i>12<u>.</u>34</i>';
				prezzoInfo.removeClass('correct').addClass('error').html(str).show();
				ele.removeClass('normal').addClass('wrong');					
		} else {
				prezzoInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
				errors=true;
		}	
}




</script>

<div id="tab">

Apertura cassa: 
<input type="text" name="txtcassa" id="txtcassa" onkeyup="checkprezzo()">
<p align="left"><button id="salva" type="submit">Salva</button></p>

</div>